<template>
    <div>
      <div class="footer">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage4"
        :page-sizes="[10, 20, 30, 40]"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
    </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
        }
    },
    props:['total','pageSizes','currentPage4'],
    methods:{
           //页码数
    handleSizeChange(val) {
      // console.log(`每页 ${val} 条`);
    //   this.pageSizes = val;
        // console.log(val);
    this.$emit('fn2',val)

    },

    //当前页
    handleCurrentChange(val) {
      // console.log(`当前页: ${val}`);
    //   this.currentPage4 = val;
    // console.log(val);
    this.$emit('fn',val)
      },
    }
}
</script>
 
<style lang = "less" scoped>
    
</style>